<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>订单详情页</title>
	<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
	<link rel="stylesheet" href="../static/css/bootstrap.min.css">
	<link rel="stylesheet" href="../static/css/details.css">
	<link rel="stylesheet" href="../static/css/stepbar.css">
</head>

<body>
	<div class="panel panel-default">
		<div class="panel-heading">
			<ul class="panel-ul Clearfloat">
				<li>
					<a href="">交易管理</a>/</li>
				<li>
					<a href="">销售合同详情</a>
				</li>
			</ul>
		</div>
		<div style="padding: 10px 0 20px 10px;">
			<!-- 订单列表 -->
			<div class="panel-header">
				<ul class="header-ul Clearfloat">
					<li class="active">
						<a href="#">订单详情</a>
					</li>
					<li>
						<a href="#">付款记录</a>
					</li>
					<li>
						<a href="#">开票记录</a>
					</li>
					<li>
						<a href="#">发货记录</a>
					</li>
					<li>
						<a href="#">操作日志</a>
					</li>
				</ul>
			</div>

			<div class="panel-order">
				<!-- 1.订单详情 -->
				<div class="order order1">
					<!-- input框 -->
					<div class="row order-top">

						<div class="col-md-3 order-topleft">
							<span> * 客户</span>
							<input type="text" class="form-control" placeholder="道恩集团(CY721234)">
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright">
							<span>销售订单号</span>
							<input type="text" class="form-control" placeholder="CY102395583234124">
						</div>
						<div class="col-md-1"></div>
					</div>

					<div class="row order-top2">
						<div class="col-md-3 order-topleft2">
							<span> * 产品清单</span>
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright2">
							<span>订单状态：</span>
							<span>待审核</span>
						</div>
						<div class="col-md-1"></div>
					</div>

					<!-- 产品表格 -->
					<table class="table table-bordered order-list">
						<tr class="order-list-tr">
							<td>SKU编码</td>
							<td>产品名称</td>
							<td>牌号</td>
							<td>厂家</td>
							<td>交货地</td>
							<td>单位</td>
							<td>*数量</td>
							<td>*价格</td>
							<td>税率</td>
							<td>含税金额</td>
						</tr>
						<tr class="order-list-tr2">
							<td>20406003</td>
							<td>PP东华能源T30H</td>
							<td>T30H</td>
							<td>东华能源</td>
							<td>龙口</td>
							<td>吨</td>
							<td>10.00</td>
							<td>17.00</td>
							<td>
								<select name="" id="">
									<option value="10%">10%</option>
									<option value="6%">6%</option>
									<option value="0%">0%</option>
								</select>
							</td>
							<td>170.00</td>
						</tr>
					</table>

					<!-- 计算金额 -->
					<div class="row">
						<div class="col-md-8"></div>
						<div class="col-md-3  order-money">
							<div class="order-money1">
								<h4>运费</h4>
								<span>(订单审核后确认运费)</span>
								<span class="order-money3">0.00</span>
							</div>
							<div class="order-money1">
								<h4>代金券</h4>
								<span class="order-money3">-500.00</span>
							</div>
							<div class="order-money1">
								<h4>优惠活动</h4>
								<span class="order-money3">-500.00</span>
							</div>
							<div class="order-money1">
								<h4>应付金额</h4>
								<span>(含税)</span>
								<span class="order-money3">1710.00</span>
							</div>
							<div class="order-money2">
								<span>总税额 人民币</span>
								<span>10.00</span>
							</div>
							<div class="order-money1">
								<h4>实付情况</h4>
								<span class="order-money4">&yen;1710.00</span>
							</div>
						</div>
						<div class="col-md-1"></div>
					</div>

					<!-- 收货信息 -->
					<div class="row order-row">
						<div class="col-md-3 order-goods">
							<div class="order-goods1 Clearfloat">
								<h4>*收货地址</h4>
							</div>

							<div class="order-goods2 Clearfloat">
								<p>收货人:
									<span>谭琨山</span>
									<a href="">修改</a>
								</p>
								<p>联系电话:
									<span>18611445200</span>
								</p>
								<p>详细地址:
									<span>北京市朝阳区浦项中心B座20层</span>
								</p>
							</div>

							<div class="order-goods3 Clearfloat">
								<p>配送方式</p>
								<select name="" id="">
									<option value="">配送</option>
									<option value="">自提</option>
								</select>
							</div>

							<div class="order-goods3 Clearfloat">
								<p>运费开票方式</p>
								<select name="" id="">
									<option value="">一票制</option>
									<option value="">单独开运输发票</option>
								</select>
							</div>

							<div class="order-goods4 Clearfloat">
								<p>合同备注</p>
								<textarea class="form-control" rows="4" placeholder="POS机刷卡，暂不开票"></textarea>
							</div>

						</div>
						<div class="col-md-5"></div>

						<div class="col-md-3 order-inform">
							<h4>*付款及开票信息</h4>
							<div class="order-goods3">
								<p>付款方式</p>
								<select name="" id="">
									<option value="">款到发货</option>
									<option value="">货到付款</option>
									<option value="">分期付款</option>
								</select>
							</div>
							<div class="order-inform2">
								<p>公司名称</p>
								<input type="text" class="form-control" placeholder="山东道恩集团">
							</div>
							<div class="order-inform2">
								<p>纳税人识别号</p>
								<input type="text" class="form-control" placeholder="100002340505">
							</div>
							<div class="order-inform3">
								<p>付款凭证</p>
								<img src="" alt="" class="">
							</div>

						</div>
					</div>

				</div>

				<!-- 2.付款记录 -->
				<div class="payment order1">
					<!-- input框 -->
					<div class="row order-top">

						<div class="col-md-3 order-topleft">
							<span> * 接收公司</span>
							<input type="text" class="form-control" placeholder="道恩集团(CY721234)">
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright">
							<span>销售订单号</span>
							<input type="text" class="form-control" placeholder="CY102395583234124">
						</div>
						<div class="col-md-1"></div>
					</div>

					<div class="row order-top2">
						<div class="col-md-3 order-topleft2">
							<span>付款记录</span>
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright2">
							<span>订单状态：</span>
							<span>待审核</span>
						</div>
						<div class="col-md-1"></div>
					</div>

					<!-- 产品表格 -->
					<table class="table table-bordered order-list">
						<tr class="order-list-tr">
							<td>时间</td>
							<td>支付流水号</td>
							<td>支付方式</td>
							<td>付款金额</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>M201704110018956386</td>
							<td>网银转账</td>
							<td>
								<span>10.00</span>
							</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>M201704110018956386</td>
							<td>现金支付</td>
							<td>
								<span>10.00</span>
							</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>M201704110018956386</td>
							<td>网银转账</td>
							<td>
								<span>10.00</span>
							</td>
						</tr>
					</table>

					<!-- 计算金额 -->
					<div class="row">
						<div class="col-md-8"></div>
						<div class="col-md-3  order-money">
							<div class="order-money1">
								<h4>实付金额</h4>
								<span class="order-money3">30.00</span>
							</div>
							<div class="order-money1">
								<h4>应付金额</h4>
								<span class="order-money3">100.00</span>
							</div>
							<div class="order-money1">
								<h4>未付金额</h4>
								<span class="order-money4">&yen;70.00</span>
							</div>
						</div>
						<div class="col-md-1"></div>
					</div>
				</div>

				<!-- 3.开票记录 -->
				<div class="ticket order1">
					<!-- input框 -->
					<div class="row order-top">
						<div class="col-md-3 order-topleft">
							<span> * 接收公司</span>
							<input type="text" class="form-control" placeholder="道恩集团(CY721234)">
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright">
							<span>采购合同号</span>
							<input type="text" class="form-control" placeholder="CY102395583234124">
						</div>
						<div class="col-md-1"></div>
					</div>

					<div class="row order-top2">
						<div class="col-md-3 order-topleft2">
							<span>开票记录</span>
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright2">
							<span>合同状态：</span>
							<span>待审核</span>
						</div>
						<div class="col-md-1"></div>
					</div>

					<!-- 产品表格 -->
					<table class="table table-bordered order-list">
						<tr class="order-list-tr">
							<td>时间</td>
							<td>票据号码</td>
							<td>票据类型</td>
							<td>开票金额</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>M201704110018956386</td>
							<td>增值发票</td>
							<td>
								<span>10.00</span>
							</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>M201704110018956386</td>
							<td>增值发票</td>
							<td>
								<span>10.00</span>
							</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>M201704110018956386</td>
							<td>增值发票</td>
							<td>
								<span>10.00</span>
							</td>
						</tr>
					</table>

					<!-- 计算金额 -->
					<div class="row">
						<div class="col-md-8"></div>
						<div class="col-md-3  order-money">
							<div class="order-money1">
								<h4>实开金额</h4>
								<span class="order-money3">30.00</span>
							</div>
							<div class="order-money1">
								<h4>应开金额</h4>
								<span class="order-money3">100.00</span>
							</div>
							<div class="order-money1">
								<h4>未开金额</h4>
								<span class="order-money4">&yen;70.00</span>
							</div>
						</div>
						<div class="col-md-1"></div>
					</div>
				</div>

				<!-- 4.发货记录 -->
				<div class="goods order1">
					<!-- input框 -->
					<div class="row order-top">
						<div class="col-md-3 order-topleft">
							<span> * 接收公司</span>
							<input type="text" class="form-control" placeholder="道恩集团(CY721234)">
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright">
							<span>销售合同号</span>
							<input type="text" class="form-control" placeholder="CY102395583234124">
						</div>
						<div class="col-md-1"></div>
					</div>

					<!-- 步骤条 -->
					<div class="goods-Stepbar Clearfloat">
						<ol class="ui-step ui-step-blue ui-step-5">
							<li class="step-start step-done">
								<div class="ui-step-line"></div>
								<div class="ui-step-cont">
									<span class="ui-step-cont-number">1</span>
									<span class="ui-step-cont-text">下单</span>
								</div>
							</li>
							<li class="step-active">
								<div class="ui-step-line"></div>
								<div class="ui-step-cont">
									<span class="ui-step-cont-number">2</span>
									<span class="ui-step-cont-text">付款</span>
								</div>
							</li>
							<li class="step-active">
								<div class="ui-step-line"></div>
								<div class="ui-step-cont">
									<span class="ui-step-cont-number">3</span>
									<span class="ui-step-cont-text">出库</span>
								</div>
							</li>
							<li class="step-active">
								<div class="ui-step-line"></div>
								<div class="ui-step-cont">
									<span class="ui-step-cont-number">4</span>
									<span class="ui-step-cont-text">配送</span>
								</div>
							</li>
							<li class="step-end">
								<div class="ui-step-line"></div>
								<div class="ui-step-cont">
									<span class="ui-step-cont-number">5</span>
									<span class="ui-step-cont-text">收货</span>
								</div>
							</li>
						</ol>
					</div>

					<div class="row order-top2">
						<div class="col-md-3 order-topleft2">
							<span>发货产品清单</span>
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-1"></div>
					</div>

					<!-- 产品表格 -->
					<table class="table table-bordered order-list">
						<tr class="order-list-tr">
							<td>SKU编码</td>
							<td>产品名称</td>
							<td>牌号</td>
							<td>厂家</td>
							<td>交货地</td>
							<td>单位</td>
							<td>*订货数量</td>
							<td>*已发货数量</td>
						</tr>
						<tr class="order-list-tr2">
							<td>20406003</td>
							<td>PP东华能源T30H</td>
							<td>T30H</td>
							<td>东华能源</td>
							<td>龙口</td>
							<td>吨</td>
							<td>10.00</td>
							<td>10.00</td>
						</tr>
					</table>
				</div>

				<!-- 5.操作日志 -->
				<div class="journal order1">
					<!-- input框 -->
					<div class="row order-top">
						<div class="col-md-3 order-topleft">
							<span> * 接收公司</span>
							<input type="text" class="form-control" placeholder="道恩集团(CY721234)">
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright">
							<span>销售合同号</span>
							<input type="text" class="form-control" placeholder="CY102395583234124">
						</div>
						<div class="col-md-1"></div>
					</div>

					<div class="row order-top2">
						<div class="col-md-3 order-topleft2">
							<span>操作日志</span>
						</div>
						<div class="col-md-5"></div>
						<div class="col-md-3 order-topright2">
							<span>合同状态：</span>
							<span>待审核</span>
						</div>
						<div class="col-md-1"></div>
					</div>

					<!-- 操作表格 -->
					<table class="table table-bordered order-list">
						<tr class="order-list-tr">
							<td>时间</td>
							<td>操作人</td>
							<td>动作</td>
							<td>结果</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>谭琨山</td>
							<td>下单</td>
							<td>成功</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>谭琨山</td>
							<td>支付</td>
							<td>成功</td>
						</tr>
						<tr class="order-list-tr2">
							<td>2017-05-09 10:35:20</td>
							<td>系统</td>
							<td>审核</td>
							<td>通过</td>
						</tr>
					</table>

				</div>

			</div>

			<!-- loading -->
			<div class="loadEffect">
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>


			<nav class="navbar navbar-default navbar-fixed-bottom">
				<div class="container">
					<button type="button" class="btn btn-primary btn-lg btn">审核</button>
					<button type="button" class="btn btn-primary btn-lg btn">编辑</button>
					<button type="button" class="btn btn-primary btn-lg btn">作废</button>
				</div>
			</nav>

		</div>

	</div>
	</div>
</body>
<script src="../static/libs/jquery.min.js"></script>
<script src="../static/js/details.js"></script>

</html>